<template>
	<div id="account">
		<h1>用户中心</h1>
		<div class="account">
			<div class="left">
				<ul>
					<li><router-link to="/account/user">账号信息</router-link></li>
					<li><router-link to="/account/order">订单信息</router-link></li>
				</ul>
			</div>
			<div class="right">
				<router-view></router-view>
			</div>
		</div>
		
	</div>
</template>

<script>
</script>

<style lang="scss" scoped>
	.account{
		display:flex;
		   .left{
			   width:200px;
			   min-height:400px;
			   border-right:1px solid #eee;
			   li{
				   line-height:2;
			   }
		   }
		   .right{
			   flex:1;
		   }
	}
	 .nav{
	 	height: 50px;
	 	li{
	 		float: left;
	 		margin: 5px;
	 		line-height: 50px;
	 	}
	 }
</style>